<!DOCTYPE html>
<html>
	<head>
		<meta charset="ISO-8859-1">
		<title>Hello, World!</title>

		<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
		
		<script>
			 $(document).ready(
					 (function() { 
					     $.ajax({
					         url:'sachin.xml',
					         dataType:'xml',
					         type:'GET',
					         success:function(xml) {
					             $(xml).find('item').each(function() {
					                 var title = $(this).find("title").text(); 
					                 var des = $(this).find("description").text();
					                 var link = $(this).find("link").text();
					                 var $des = $('<div class="linkitem"></div>').html(des);
					                 var $link = $('<a></a>').attr('href',link).attr('target','_blank').html(title);
					                 var pubDate = new Date($(this).find("pubDate").text()); 
					                 var day = pubDate.getDate();
					                 var month = pubDate.getMonth() + 1;
					                 var year = pubDate.getFullYear();
					                 var date = day + '/' + month + '/' + year;
					                 var $date = $('<div class="date"></div>').text(date)    
					                 var wrapper = "<li class='single-feed'>";
					                 $(".feed-container").append($(wrapper).append($link,$date,$des));                   })
			
					         },
					         error:function() {
					             alert("I am sorry, But I can't fetch that feed");
					         }
					     });
					 })
					 );
 		</script>
	</head>
	
	<body>
		<ul class="feed-container"></div>
	</body>
</html>